<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <link rel="icon" type="image/x-ico" href="https://oss-huantou.oss-cn-beijing.aliyuncs.com/webimg/dubk.png" />
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>全球小黃鴨粉絲基地—官方站點</title>

	<!--amaze ui css-->
	<link rel="stylesheet" href="https://oss-huantou.oss-cn-beijing.aliyuncs.com/webimg/css/amazeui/min.css" charset="UTF-8" />

	<link rel="stylesheet" href="https://oss-huantou.oss-cn-beijing.aliyuncs.com/webimg/css/swiper/min.css" charset="UTF-8" />
    <!-- PC样式 -->
    <link rel="stylesheet" href="https://oss-huantou.oss-cn-beijing.aliyuncs.com/lt-duck/css/pc.css" charset="UTF-8" />
	<!-- 平板样式 -->
	<link rel="stylesheet" href="https://oss-huantou.oss-cn-beijing.aliyuncs.com/webimg/css/ipad.css" charset="UTF-8" />
	<!-- 手机样式 -->
	<link rel="stylesheet" href="https://oss-huantou.oss-cn-beijing.aliyuncs.com/webimg/css/phone.css" charset="UTF-8" />
	<link rel="stylesheet" href="https://oss-huantou.oss-cn-beijing.aliyuncs.com/webimg/css/reset.css" charset="UTF-8" />
	<!-- 轮播插件 -->
	<link rel="stylesheet" href="https://oss-huantou.oss-cn-beijing.aliyuncs.com/webimg/css/swiper/min.css" charset="UTF-8" />

<!--百度监测-简体中文-->
<script>
	var _hmt = _hmt || [];
	(function () {
		var hm = document.createElement("script");
		hm.src = "https://hm.baidu.com/hm.js?ba216ec2d8304c722edee58424e9e2df";
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(hm, s);
	})();
</script>
<!--百度地图-->
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=vZ1sKEu8dP4LZfOrcBT5l3RIGLCOaddM"></script>
</head>


<body>
	<div class="wrapper">
		<div class="wrap">
			<!--header-->

<div class="header clearfix headerbt">
	<div class="headerleft">
		<a href="/">
			<img src="https://oss-huantou.oss-cn-beijing.aliyuncs.com/lt-duck/logo.png" alt="" />
		</a>
	</div>
	<div class="headerright clearfix">
		<div class="versionswitchingwrap clearfix">

		</div>
        <div class="pc_nav">
            <ol class="navigation clearfix">
                <li class="nv1 nav">
                    <a href="/index" class="mousevoer">首頁</a>
                </li>
                <li class="nv2 nav">
                    <a href="/Brand" class="mousevoer">品牌</a>
                    <div class="hover_list">
                        <div class="kong"></div>
                        <a href="/Brand/Intro">品牌簡介</a>
                        <a href="/Brand/Founder">創始人</a>
                        <a href="/Brand/History">發展歷程</a>
                      <!--  <a href="/Brand/Team">設計團隊</a>-->

                    </div>
                </li>

                <li class="nv31 nav">
                    <a href="/Ip" class="mousevoer">IP庫</a>
                    <div class="hover_list">
                        <div class="kong"></div>
                        <a href="/Ip?Node=200900100">動漫IP</a>
                        <a href="/Ip?Node=200900200">影視IP</a>
                        <a href="/Ip?Node=200900300">游戲IP</a>
                        <a href="/Ip?Node=200900400">小説IP</a>
                    </div>
                </li>

                <li class="nv3 nav">
                    <a href="/Product" class="mousevoer">產品</a>
                    <div class="hover_list">
                        <div class="kong"></div>
                        <a href="/Product?Node=200900100">創意家居</a>
                        <a href="/Product?Node=200900200">生活百貨</a>
                        <a href="/Product?Node=200900300">時尚配飾</a>
                        <a href="/Product?Node=200900400">數碼配件</a>
                        <a href="/Product?Node=200900500">兒童玩具</a>
                        <a href="/Product?Node=200900600">童裝童鞋</a>
                        <a href="/Product?Node=200900700">成人鞋服</a>
                        <a href="/Product?Node=200900800">IP授權</a>
                        <!--	<a href="/Product?Node=200900900">世界之旅</a>-->
                    </div>
                </li>
                <li class="nv4 nav">
                    <a href="/News" onclick="setCookie('newsmenu',0)" class="mousevoer">新聞</a>
                    <div class="hover_list">
                        <div class="kong"></div>
                        <a href="/News" onclick="setCookie('newsmenu',0)">基地資訊</a>
                        <a href="/News" onclick="setCookie('newsmenu',1)">媒體報道</a>
                        <!--<a href="/News" onclick="setCookie('newsmenu',2)">焦點動態</a>
                        <a href="/News" onclick="setCookie('newsmenu',3)">名聲在外</a>-->
                    </div>
                </li>

                <li class="nv5 nav">
                    <a href="/Shop" class="mousevoer">店鋪</a>
                    <div class="hover_list">
                        <div class="kong"></div>
                        <a href="/Map">全球店鋪分佈</a>
                        <a href="/Shop/Stroe" onclick="setCookie('shopmenu',1)">店鋪投資政策</a>
                       <!-- <a href="/Shop#video">店鋪開業視頻</a>-->
                    </div>
                </li>

                <li class="nv6 nav">
                    <a href="/Contact" class="mousevoer">聯繫</a>
                    <div class="hover_list">
                        <div class="kong"></div>
                        <a href="/Contact">合作機會</a>
                        <a href="/Contact/Supplier">供應商頻道</a>
                        <!--<a href="/Contact#Recruit">人才招聘</a>-->
                    </div>

                </li>
            </ol>
            <div class="nav_line"></div>
        </div>
	</div>
</div>


            <!--content-->
            <div class="">
                <div class="addr_sel clearfix">
                    <select name="" class="" id="chkcountry">
                        <option>中國</option>
                    </select>
                    <select name="" class="area" id="chkarea">
                    </select>
                    <div class="storesearch clearfix">
                        <img src="http://www.miniso.cn/Content/Make/images/garysearch.png" alt="" />
                        <input type="text" placeholder="請輸入詳細地址" id="txtaddr" max="50" />
                    </div>
                    <input type="button" value="搜索" class="search_sbm" />
                </div>
                <div class="search_result">
                    <ol class="clearfix">
                        <li class="first"><img src="http://www.miniso.cn/Content/Make/images/shop.png" alt="" />分店</li>
                        
                        <li class="three"><img src="http://www.miniso.cn/Content/Make/images/loc.png" alt="" />地址</li>
                        
                        <li class="five"></li>
                    </ol>
                    <div class="storelist">
                    </div>
                </div>
                <!--<div class="newmores search_more">
                    <img src="https://oss-huantou.oss-cn-beijing.aliyuncs.com/lt-duck/logo/logo6.png" alt="">
                </div>-->
            </div>
            <!--footer-->
<div class="footer clearfix">
    <div class="footerright clearfix">
        
        
    </div>
    <div class="footerleft">
        <div class="copyRight">© COPYRIGHT 2019 小黃鴨全球粉絲俱樂部版權所有</div>
    </div>
    <div class="topwrap">
        <img src="http://www.miniso.cn/Content/Make/images/top.png" />
    </div>
</div>
<!--搜索-->
<div class="search_wrap">
    <div class="search_close">
        <img src="http://www.miniso.cn/Content/Make/images/x.png" alt="" class="show_img" />
        <img src="http://www.miniso.cn/Content/Make/images/x-red.png" alt="" class="hide_img" />
    </div>
    <div class="header_search">
        <input type="text" class="search_txt" placeholder="请输入搜索关键词" />
        <input type="button" value="搜索" class="search_btn" />
        <ul class="recommend_list">
            
        </ul>
    </div>
</div>
<!--语言切换-->



        </div>
    </div>
    <div class="maskbase"></div>
    <!-- 自适应JS-->
<script>
    var imghost = "";
</script>
<script src="http://www.miniso.cn/Content/Make/js/commom.js"></script>
<script src="http://www.miniso.cn/Content/Make/js/jquery-1.10.2.js"></script>
<script src="http://www.miniso.cn/Content/Make/dist/js/swiper.min.js"></script>
<script src="http://www.miniso.cn/Content/Make/assets/js/amazeui.js"></script>
<script type="text/javascript">
    var hh = $(window).height();
    $(document).bind("scroll", function (event) {
        if ($(document).scrollTop() > hh) {
            $(".topwrap").fadeIn();
        } else {
            $(".topwrap").fadeOut();
        };
    });
    $(".topwrap").on("click", function () {
        $("html,body").animate({ scrollTop: '0px' }, 400);
    });
</script>
<script type="text/javascript">
	$(function () {
		//phone导航
		$(".ph_navclose,.maskbase").on("click", function (ev) {
			var ev = ev || window.event;
			ev.stopPropagation();
			$(".maskbase,.phsubnav,.search_wrap").fadeOut();
			$(".ph_hdnav").removeClass("ph_hover");
			$(".maskbase,.phsubnav1").fadeOut();
			$(".ph_hdnav1").removeClass("ph_hover1");
		});
	
        //phone导航(通用)
        $(".ph_hdnav").on("click", function () {
            $(".maskbase,.phsubnav").fadeIn();
            $(".ph_hdnav").addClass("ph_hover");
        });
        //phone导航close(通用)
        $(".ph_navclose").on("click", function (ev) {
            var ev = ev || window.event;
            ev.stopPropagation();
            $(".maskbase,.phsubnav").fadeOut();
            $(".ph_hdnav").removeClass("ph_hover");
		});

		//phone导航(全球市场入口新增)
		$(".ph_hdnav1").on("click", function () {
			$(".maskbase,.phsubnav1").fadeIn();
			$(".ph_hdnav1").addClass("ph_hover1");
		});
		//phone导航close(全球市场入口新增)
		$(".ph_navclose1").on("click", function (ev) {
			var ev = ev || window.event;
			ev.stopPropagation();
			$(".maskbase,.phsubnav1").fadeOut();
			$(".ph_hdnav1").removeClass("ph_hover1");
		});

        $(".lis_ph").on("click", function () {
            if ($(this).hasClass("lis_phon")) {
                $(this).removeClass("lis_phon");
            } else {
                $(this).addClass("lis_phon").siblings().removeClass("lis_phon");
            }
        });
        //phone导航(通用)
        $(".ph_subnavlist .ph_subtags div").on("touchstart", function () {
            if (!$(this).find($(".ph_sub_next")).hasClass("sub_next_rot")) {
                $(this).parent().parent().find($(".ph_subnavlis")).slideUp();
                $(this).find($(".ph_sub_next")).addClass("sub_next_rot");
            } else {
                $(this).parent().parent().find($(".ph_subnavlis")).slideDown();
                $(this).find($(".ph_sub_next")).removeClass("sub_next_rot");
            }
        });
        //var lock = false;
        //$(".ph_subnavlist .ph_subtags").eq(0).on("click", function (ev) {
        //    var ev = ev || window.event;
        //    ev.preventDefault();
        //    if (lock == true) {
        //        $(".ph_subnavlis").slideUp();
        //        lock = false;
        //    } else {
        //        $(".ph_subnavlis").slideDown();
        //        lock = true;
        //    }
        //});
        //回到头部
        var hh = $(window).height();
        $(document).bind("scroll", function (event) {
            if ($(document).scrollTop() > hh) {
                $(".topwrap").fadeIn();
            } else {
                $(".topwrap").fadeOut();
            };
        });
        $(".topwrap").on("click", function () {
            $("html,body").animate({
                scrollTop: '0px'
            }, 400);
        });
        //距左
        var OffsetLeft = $(".header").offset().left;
        $(".navdetails").css("left", OffsetLeft);
        //搜索功能
        $(".ph_hdsearch,.searchwrap").on("click", function () {
            $(".maskbase,.search_wrap").fadeIn();
        });

        $(".search_wrap .search_close").on("click", function () {
            $(".maskbase,.search_wrap").fadeOut();
        });
        //匹配搜索
        $(".search_txt").on("input", function () {
            var val = $(this).val().trim();
            if (val.length > 0) {
                if (!$(this).hasClass("inputing")) {
                    $(".search_txt").addClass("inputing");
                    $.post("/control/getkeyword", { keyword: val }, function (data) {
                        $(".search_txt").removeClass("inputing");
                        if (data.length > 0) {
                            $(".recommend_list").html("");
                            for (var i = 0; i < data.length; i++) {
                                $(".recommend_list").append("<li><a href=\"/product/details?id="+data[i].id+"\">"+data[i].title+"</a></li>");
                            }
                            $(".recommend_list").show();
                        }
                        else {
                            $(".recommend_list").hide();
                        }
                    }, "json");
                }
            } else {
                $(".recommend_list").hide();
            }
        });

        $(".search_btn").click(function () {
            var k = $(".search_txt").val().trim();
            if (k != "") {
                window.location.href = "/Search?k=" + escape(k);
            }
        });

        //语言切换		
        $(".versions").on("touchstart", function () {
            $(".language_list").toggle();

        });
        ////搜索功能
        //$(".ph_hdsearch,.searchwrap").on("click", function () {
        //    $(".maskbase,.search_wrap").fadeIn();
        //});

        //$(".search_wrap .search_close").on("click", function () {
        //    $(".maskbase,.search_wrap").fadeOut();
        //});
        ////语言切换
        //$(".versionswitching").on("click", function () {
        //    $(".maskbase,.language_wrap").fadeIn();
        //});

        //$(".language_wrap .search_close").on("click", function () {
        //    $(".maskbase,.language_wrap").fadeOut();
        //});
        //phone语言切换
        var booleans = true;
        $(".changeen").on("touchstart", function () {
            if (booleans) {
                $(this).addClass("rotate_img");
                $(".change_language").slideDown();
                booleans = false;
            } else {
                $(this).removeClass("rotate_img");
                $(".change_language").slideUp();
                booleans = true;
            }
        });

        //$(".ipad_nav .nv3").on("touchstart", function () {
        //    $(".ipad_nav_line").css({ "left": "309.875px", "display": 'block' })
        //});
    });

    function setCookie(name, value) {
        var argv = setCookie.arguments;
        var argc = setCookie.arguments.length;
        var expires = (argc > 2) ? argv[2] : null;
        if (expires != null) {
            var LargeExpDate = new Date();
            LargeExpDate.setTime(LargeExpDate.getTime() + (expires * 1000 * 3600 * 24));
        }
        document.cookie = name + "=" + escape(value) + ((expires == null) ? "" : ("; expires=" + LargeExpDate.toGMTString())) + ";path=/";
    }
    function getCookie(Name) {
        var search = Name + "="
        if (document.cookie.length > 0) {
            offset = document.cookie.indexOf(search);
            if (offset != -1) {
                offset += search.length;
                end = document.cookie.indexOf(";", offset);
                if (end == -1) end = document.cookie.length;
                return unescape(document.cookie.substring(offset, end));
            } else {
                return '';
            }
        }
    }

    function initHeaderMenu(index)
    {
        var num = $(".nav_line").offset().left;
        var l = $(".navigation .nv" + index).offset().left;
        var iwidth = $(".navigation .nv" + index).width();
        var on = l - num;
        $(".pc_nav .nav_line").css({
            "left": on,
            "width": iwidth
        }); //当前网页的位置
        $(".navigation .nv" + index).addClass("navigationlis").siblings().removeClass("navigationlis");
        $(".pc_nav .navigation .nav").on("mouseover", function () {
            var diffleft = 0;
            if ($(".navigation .nv" + index).offset().left != l) {
                diffleft = $(".navigation .nv" + index).offset().left - l;
            }
            var Width = $(this).width();
            var nleft = $(this).offset().left - diffleft;
            var Left = nleft - num;
            $(this).addClass("navigationlis").siblings().removeClass("navigationlis");
            $(".nav_line").stop().animate({
                "left": Left,
                "width": Width,
                "opacity": 1
            }, 500);
        });
        //鼠标导航栏离开回到本页面位置
        $(".pc_nav .navigation").on("mouseleave", function () {
            $(".nav_line").stop().animate({
                "left": on,
                width: iwidth
            }, 500);
            $(".navigation .nv" + + index).addClass("navigationlis").siblings().removeClass("navigationlis");
        });
	}


	$(function () {
			var $modal = $('#your-modal');

			$modal.siblings('.am-btn').on('click', function (e) {
				var $target = $(e.target);
				if (($target).hasClass('js-modal-open')) {
					$modal.modal();
				} 
			});
	});

	//全球市场地图入口展示_wjs
	function worldsite() {
		var $modal = $('#your-modal');
		$modal.modal();
	}
	//判断访问者是否PC浏览，true为PC，false为手机端（不包括ipad） wjs
	function IsPC() {
		var userAgentInfo = navigator.userAgent;
		var Agents = ["Android", "iPhone",
			"SymbianOS", "Windows Phone",
			"iPod"];
		var flag = true;
		for (var v = 0; v < Agents.length; v++) {
			if (userAgentInfo.indexOf(Agents[v]) > 0) {
				flag = false;
				break;
			}
		}
		return flag;
	}


    //$(window).one("resize", function () {
    //    window.location.reload();
    //})
</script>

    
    <script type="text/javascript">
        var pageindex = 1;
        var pagesize = 10;
        var chkcountry = "";
        var chkarea = "";
        var chkaddr = "";

        $(function () {
            $("#chkcountry").change(function () {
                var country = $(this).val();
                checkcountry(country);
                pageindex = 1;
                chkcountry = country;
                getstorelist();
            });

            $("#chkarea").change(function () {
                chkarea = $("#chkarea").val();
                pageindex = 1;
                getstorelist();
            })

            $(".search_sbm").click(function () {
                chkcountry = $("#chkcountry").val();
                chkarea = $("#chkarea").val();
                chkaddr = $("#txtaddr").val().trim();

                pageindex = 1;
                getstorelist();
            });

            $(".search_more")

            chkcountry = $("#chkcountry").val();
            checkcountry($("#chkcountry").val());
            getstorelist();
        });

        function checkcountry(country)
        {  
            $("#chkarea").empty();
            $("#chkarea").append("<option value=\""+-1+"\">全國</option>");
            $.post("/page/GetAreaList", function (data) {
                if (data.length > 0) {
                    for (var i = 0; i < data.length; i++) {
                        $("#chkarea").append("<option value=\"" + data[i].ID + "\">" + data[i].Name + "</option>");
                    }
                }
            }, "json");
        }

        
        function getstorelist()
        {     
            //$.post("/map/GetStoreList", { chkcountry: chkcountry, chkarea: chkarea, k: chkaddr, pageindex: pageindex, pagesize: pagesize }, function (data) {
            $.post("/page/GetStoreList", { province: chkarea,key: chkaddr}, function (data) {
                    if (pageindex == 1) {
                        $(".storelist").html("");
                    }
                    if(data.length < pagesize) {
                        $(".search_more").hide();
                    }
                    else {
                        $(".search_more").show();
                    }
                    pageindex++;
                    if (data.length > 0) {
                        var item = "";
                        for (var i = 0; i < data.length; i++) {
                            item += "<ul class=\"clearfix\">";
                            item += "<li class=\"first\">" + data[i].shopName + "</li>";
                            //item += "<li class=\"two\">" + data[i].LinkPhone +"</li>";
                            item += "<li class=\"three\">" + data[i].linkAddress +"</li>";
                            //item += "<li class=\"four\">" + data[i].Shophours +"</li>";
                            //item += "<li class=\"five\"><a href=\"javascript:\" onclick=\"showmap('" + data[i].MapLink + "')\">查看地址>></a></li>";
                            item += "</ul>";
                        }
                        $(".storelist").append(item);
                    }
                }, "json");
        }

        function showmap(maplink)
        {
            if (maplink!="") {
                window.open(maplink);
            }
            
        }
    </script>
    <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
    <script type="text/javascript">
        $(function () {
            _hmt.push(['_setCustomVar', 1, 'cn_menu', 'shop_store', 3]);

            // nav导航栏的鼠标滑过跟随效果
            initHeaderMenu("5");

            //phone导航
            $(".ph_hdnav").on("click", function () {
                $(".maskbase,.phsubnav").fadeIn();
                $(".ph_hdnav").addClass("ph_hover");
            });
            //phone导航 close
            $(".ph_navclose,.maskbase").on("click", function (ev) {
                var ev = ev || window.event;
                ev.stopPropagation();
                $(".maskbase,.phsubnav").fadeOut();
                $(".ph_hdnav").removeClass("ph_hover");
            });
            $(".lis_ph").on("click", function () {
                if ($(this).hasClass("lis_phon")) {
                    $(this).removeClass("lis_phon");
                } else {
                    $(this).addClass("lis_phon").siblings().removeClass("lis_phon");
                }
            });
        });
    </script>
</body>
</html>
